<template>
    <view class="content" :style="{ '--color': color }">
        <emptys></emptys>
        <view class="add" @click="$beforeHouse.addHouse()">添加前置仓</view>
    </view>
</template>

<script>
    import { mapState } from 'vuex';
    export default {
        data() {
            return {};
        },
        methods: {},
        computed: {
            ...mapState(['color'])
        }
    };
</script>

<style lang="scss" scoped>
    .add {
        width: 300rpx;
        height: 80rpx;
        background-color: var(--color);
        color: #fff;
        font-size: 30rpx;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 10rpx;
        margin: 0 auto;
    }
</style>
